<template>
	<view>
		<text>通讯录</text>
		<text>{{userName}}</text>
		<view>
			<button type='default' @click="login('yyy~')">登录</button>
			<button type='default' @click="logout">退出登录</button>
		</view>
	</view>
</template>

<script>
	import {mapState, mapActions} from 'vuex'
	
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			// #ifdef H5
			alert('web端弹出')
			// #endif
		},
		computed:{
			...mapState(['userName'])
		},
		methods: {
			...mapActions(['login', 'logout'])
		}
	}
</script>

<style>

</style>
